<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="tools/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="tools/dolphin.js">

/***********************************************
* Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
* Menu interface by: http://www.13styles.com/css-menus/dolphin/
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>
<script>
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>
</head>

<body>
<!-- Parent div start here-->
<div class="index01b"> 
  <!-- Top section start here -->
  <div class="inbox-top-div"> 
    <!-- Top upper section start here-->
    <div class="top-upper-div"> 
      <!-- Top upper left section div start here -->
      <div class="top-upper-left"> 
        <!-- Logo div start here -->
        <div class="inner-logo-div"> <img src="images/inner-logo.png" width="400" height="95" alt="Your Company Name.com" title="Your Company Name.com" /></div>
        <!-- Logo div end here --> 
        
        <!-- Top navigation div start here -->
        <div class="top-upper-left-user"> Welcome USERNAME! </div>
        <div class="top-upper-menu">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Inbox</a></li>
            <li><a href="#">Search</a></li>
            <li><a href="#">I'm Interested</a></li>
          </ul>
        </div>
        <!-- Top navigation div end here --> 
      </div>
      <!-- Top upper left section div end here --> 
      
      <!-- Top upper right section div start here -->
      <div class="top-upper-right"> <span><img src="images/top-user-img.gif" width="209" height="88" alt="" /></span>
        <ul>
          <li><a href="#">Help</a></li>
          <li><a href="#">My Profile</a></li>
          <li><a href="#">My Account</a></li>
          <li id="top-nav-sep"><a href="#">Logout</a></li>
        </ul>
      </div>
      <!-- Top upper right section div end here --> 
    </div>
    <!-- Top upper section end here--> 
    
    <!-- Top lower section start here-->
    <div class="top-lower-div"> 
      <!-- Top Lower Left section start here -->
      <div class="top-lower-left">
        <ul>
          <li><a href="#">Inbox</a>
            <ul>
              <li>Messages (0)</li>
              <li>Who Viewed Me? <span>1 NEW</span></li>
              <li>Who Fave'd Me?</li>
              <li>Who Flirted With Me?</li>
            </ul>
          </li>
          <li><a href="#">Search</a>
            <ul>
              <li>Search Profiles</li>
              <li>I'm Interested</li>
              <li>Username Search</li>
              <li>My Match</li>
              <li>Keyword Search <span>NEW</span></li>
            </ul>
          </li>
          <li><a href="#">Community</a>
            <ul>
              <li>Live Chat</li>
              <li>Who's Online Now</li>
              <li>Today's Birthdays</li>
            </ul>
          </li>
          <li><a href="#">Who I Like</a>
            <ul>
              <li>My Flirts</li>
              <li>My Favorites</li>
              <li>Who I Viewed</li>
            </ul>
          </li>
          <li><a href="#">What's New?</a>
            <ul>
              <li>Success Stories</li>
              <li>Dating Tips</li>
              <li>Magazine <span>NEW</span></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- Top Lower Left section end here --> 
      
      <!-- Top Lower Middle section start here -->
      <div class="top-lower-middle"> 
        <!-- Upgrade Special section start here -->
        <div class="payment-div">
          <div class="payment-div-top">
            <div class="plan_header_text">Select Your Plan and Join Today</div>
            <div class="plan_save33">&nbsp;&nbsp;(SAVE 33%)</div>
            <div class="best_value_seal"></div>
            <div class="plan1_highlight"><a rel="profile_offer" href="#">Includes Profile Highlights</a></div>
            <div onclick="document.upgrade.Product1.checked=true" id="plan1">
              <div class="plan1_text_container"><span class="plan_radio_selects">
                <input type="radio" value="10001s" id="Product1" name="product">
                </span>$X.XX/mo<span class="plan_subtext1"></span> <span class="plan_subtext2">for 6 months</span><br>
                <span class="plan_subtext4">(Billed in one payment of $59.70)</span></div>
            </div>
            <div onclick="document.upgrade.Product2.checked=true" id="plan2">
              <div class="plan2_text_container"><span class="plan_radio_selects">
                <input type="radio" value="10001" id="Product2" name="product">
                </span>$X.XX/mo<span class="plan_subtext1"></span> <span class="plan_subtext2">for 6 months</span><br>
                <span class="plan_subtext4">(Billed in one payment of $59.70)</span></div>
            </div>
            <div onclick="document.upgrade.Product3.checked=true" id="plan3">
              <div class="plan3_text_container"><span class="plan_radio_selects">
                <input type="radio" value="10000" id="Product3" name="product">
                </span>$XX.XX <span class="plan_subtext1b">per month</span><br>
                <span class="plan_subtext4">($14.95 billed monthly)</span></div>
            </div>
          </div>
          <div class="payment-div-bottom"><img src="images/payment-bottom-curve.gif" width="436" height="11" alt="" /></div>
        </div>
        <!-- Upgrade Special section end here -->
        <div class="dateHere">
          <h2> <span id="dateHere">Upgrade Special!</span> </h2>
          <a href="/community/upgrade/membership-rates.cfm">Questions about upgrading? - click here</a> <br>
        </div>
        <!-- Payment information section start here -->
        <div class="payment-info-div">
          <div class="payment-info-div-top">
            <div id="payment_options">
              <div id="payment_header">
                <div class="payment_header_text"> Payment Information
                  <div class="payment_header_subtext">(Plus one time $3.95 processing fee added to all new upgrade orders)</div>
                </div>
              </div>
              <div id="payment_middle_content_wrapper">
                <div class="payment_middle_content">
                  <table>
                    <tbody>
                      <tr>
                        <td width="100">Payment Method</td>
                        <td width="90"><input type="radio" checked="checked" onclick="return SubmitForm(false);" id="pt_ccard" value="1" name="pttype">
                          <label class="upgrade" for="pt_ccard">Credit Card</label></td>
                        <td width="97"><input type="radio" onclick="return SubmitForm(false);" id="pt_mailin" value="2" name="pttype">
                          <label class="upgrade" for="pt_mailin">Mail-In Order</label></td>
                        <td width="106"><input type="radio" onclick="return SubmitForm(false);" id="pt_westernunion" value="6" name="pttype">
                          <label class="upgrade" for="pt_westernunion">Western Union</label></td>
                      </tr>
                    </tbody>
                  </table>
                  <br>
                  <table>
                    <tbody>
                      <tr>
                        <td width="100" valign="top">Credit Card Type</td>
                        <td width="73" valign="top"><input type="radio" value="VISA" name="cctype">
                          <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-visa.gif"></td>
                        <td width="73" valign="top"><input type="radio" value="MC" name="cctype">
                          <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-mastercard.gif"></td>
                        <td width="73" valign="top"><input type="radio" value="DISC" name="cctype">
                          <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-amex.gif"></td>
                        <td width="73" valign="top"><input type="radio" value="AMEX" name="cctype">
                          <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-discover.gif"></td>
                      </tr>
                    </tbody>
                  </table>
                  <br>
                  <table border="0" width="390">
                    <tbody>
                      <tr>
                        <td width="190" valign="top">Credit Card Number:</td>
                        <td align="left" width="195" valign="top"><input type="text" value="" maxlength="16" size="25" name="ccnum"></td>
                      </tr>
                      <tr>
                        <td width="190" valign="top">Card Holder's Name:</td>
                        <td align="left" width="195" valign="top"><input type="text" value="" name="ccname"></td>
                      </tr>
                      <tr>
                        <td>Credit Card Expiration:</td>
                        <td><select name="ccDate_dateselect_month">
                            <option value="">Month</option>
                            <option value="1">01</option>
                            <option value="2">02</option>
                            <option value="3">03</option>
                            <option value="4">04</option>
                            <option value="5">05</option>
                            <option value="6">06</option>
                            <option value="7">07</option>
                            <option value="8">08</option>
                            <option value="9">09</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                          </select>
                          /
                          <input type="hidden" value="1" name="ccDate_dateselect_day">
                          <select name="ccDate_dateselect_year">
                            <option value="">Year</option>
                            <option value="2010">2010</option>
                            <option value="2011">2011</option>
                            <option value="2012">2012</option>
                            <option value="2013">2013</option>
                            <option value="2014">2014</option>
                            <option value="2015">2015</option>
                            <option value="2016">2016</option>
                            <option value="2017">2017</option>
                            <option value="2018">2018</option>
                            <option value="2019">2019</option>
                            <option value="2020">2020</option>
                          </select></td>
                      </tr>
                      <tr>
                        <td width="190" valign="top">Billing Address Zip Code:</td>
                        <td align="left" width="195" valign="top"><input type="text" maxlength="5" size="5" value="" name="zip_postal_code"></td>
                      </tr>
                      <tr>
                        <td width="190" valign="top">Card Verification Number (CVN):</td>
                        <td align="left" width="195" valign="top"><input type="text" maxlength="4" size="4" value="" name="cvn">
                          &nbsp;&nbsp;<a onclick="javascript:window.open('/community/help/cvn-help-popup.cfm','cvnhelp','width=470,height=590,scrollbars=yes,menubar=no,status=no,toolbar=no,resizable=no')" href="#">What's this?</a></td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center"><input type="submit" onclick="this.disabled=true; document.upgrade.submit();" name="submit" value="YES I WANT TO UPGRADE"></td>
                      </tr>
                      <tr>
                        <td><div class="hover_secure_seal"></div></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          <div class="payment-info-div-bottom"><img src="images/payment-info-bottom.jpg" width="436" height="14" alt="" /></div>
        </div>
        <!-- Profile section end here --> 
        <!-- Footer Redesign Ext. start here -->
        <div class="footer-redesign-ext">Memberships automatically renew until cancelled. Once the purchased period expires, the 1 month, 3 month, and 6 month subscriptions all recur at $14.95/month. You can cancel at anytime by clicking on "My Account" in the upper right hand corner and then on "Account Status". </div>
        <!-- Footer Redesign Ext. end here --> 
        <!-- Member Area start here end here --> 
      </div>
      <!-- Top Lower Middle section end here --> 
      
      <!-- Top Lower Right section start here -->
      <div class="top-lower-right"> 
        <!-- Member slide show section start here -->
        <div class="paid-member-div">
          <div class="paid-member-top">
            <h2>Paid Member Benefits</h2>
            <ul>
              <li>Read and reply to all your messages</li>
              <li>Send UNLIMITED emails</li>
              <li>See who is flirting with you</li>
              <li>See who Fave'd you</li>
              <li>View member's videos</li>
              <li>Chat with Instant Messenger</li>
            </ul>
          </div>
          <div class="paid-member-bottom"><img src="images/paid-member-bottom-curve.gif" width="280" height="15" alt="" /></div>
        </div>
        <!-- Member slide show section start here --> 
        <!-- Right Article section start here -->
        <div class="right-article-div">
          <div class="right-article-top">
            <div id="dolphincontainer">
              <div id="dolphinnav">
                <ul>
                  <li><a href="#" rel="over">Success Stories</a></li>
                  <li><a href="#" rel="joey">Latest Articles</a></li>
                </ul>
              </div>
              
              <!-- Sub Menus container. Do not remove -->
              <div id="dolphin_inner"> 
                <!-- Tab 1 content -->
                <div id="over" class="innercontent">
                  <p>"I met someone who I thought I lost, but since my 4th day on here we have been talking ever since."</p>
                  <hr />
                  <h3><a href="#">MORE SUCCESS STORIES<br />
                    Tell us about your success story</a></h3>
                </div>
                <!-- Tab 1 content --> 
                <!-- Tab 2 content -->
                <div id="joey" class="innercontent">
                  <p>"I met someone who I thought I lost, but since my 4th day on here we have been talking ever since."</p>
                </div>
                <!-- Tab 2 content --> 
                
                <!-- End Sub Menus container --> 
              </div>
            </div>
            <script type="text/javascript">

//dolphintabs.init("ID_OF_TAB_MENU_ITSELF", SELECTED_INDEX)
dolphintabs.init("dolphinnav", 1)

</script> 
          </div>
          <div class="right-article-bottom"><img src="images/right-bottom-curve.gif" width="280" height="15" alt="" /></div>
        </div>
        <!-- Right Article  section start here --> 
        <!-- Right bottom header image section start here -->
        <div class="right-specialoffer"><img src="images/right-header-bottom-img.png" width="280" height="189" alt="" /></div>
        <!-- Right bottom header image section end here --> 
      </div>
      <!-- Top Lower Right section end here --> 
    </div>
    <!-- Top lower section end here--> 
  </div>
  <!-- Top section end here --> 
  
  <!-- Footer section start here -->
  <div class="bottom-div"> 
    <!-- Bottom-nav start here -->
    <div class="bottom-nav">
      <div id="bottom-nav">
        <ul>
          <li><a href="#">home</a></li>
          <li><a href="#">magazine</a></li>
          <li><a href="#">contact us</a></li>
          <li><a href="#">billing</a></li>
          <li><a href="#">success stories</a></li>
          <li><a href="#">careers</a></li>
          <li><a href="#">about</a></li>
          <li><a href="#">advertise with us</a></li>
          <li><a href="#">search</a></li>
          <li><a href="#">join now</a></li>
          <li><a href="#">terms</a></li>
          <li><a href="#">privacy policy</a></li>
          <li><a href="#">site map</a></li>
        </ul>
      </div>
    </div>
    <!-- Bottom-nav end here --> 
    
    <!-- Copyright section start here-->
    <div class="copyright"> 
      <!-- Copyright left section start here-->
      <div class="copyright-left">© 2010, Your Company Name. All rights reserved.</div>
      <!-- Copyright left section start here --> 
      <!-- Copyright right section start here -->
      <div class="copyright-right"> Website designed and maintained by Espiritu Corporation. <a href="http://www.espirituwebsolutions.com/" target="_blank"><img src="images/espiritu-logo.png" alt="www.espirituwebsolutions.com" title="www.espirituwebsolutions.com" width="16" height="15" border="0" /></a></div>
      <!-- Copyright right section start here --> 
    </div>
    <!-- Copyright section end hrere--> 
  </div>
  <!-- Footer section end here --> 
</div>
<!-- Parent div end here-->
</body>
</html>
